<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>找回密码</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/theme/css/main.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/theme/css/index.css">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/theme/css/style_reg.css" />
<script type="text/javascript" src="${pageContext.request.contextPath}/theme/js/jquery-1.6.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/theme/js/jquery.validate.js"></script>

<style type="text/css">
.pass_pad {
	padding: 30px 0 38px 0px;
	color: #494949;
	font-size: 12px;
}

.pass_pad h1 {
	ont-size: 12px;
	margin-bottom: 10px;
}

.pass_list li {
	display: inline;
	float: left;
	margin: 0px 8px 0px 6px;
	width: 167px;
	height: 197px;
	overflow: hidden;
	padding: 9px 6px;
	background: url(../theme/images/block_bg.jpg) no-repeat 0 0;
}

.pass_bg01 {
	height: 42px;
	border-bottom: 1px dashed #D2E1EE;
	background: url(../theme/images/icon01.jpg) no-repeat 0 0;
	padding: 22px 0 0 70px;
	font-weight: bold;
}

.pass_bg03 {
	height: 42px;
	border-bottom: 1px dashed #D2E1EE;
	background: url(../theme/images/icon03.jpg) no-repeat 0 0;
	padding: 22px 0 0 60px;
	font-weight: bold;
}

.pass_bg04 {
	height: 42px;
	border-bottom: 1px dashed #D2E1EE;
	background: url(../theme/images/icon04.jpg) no-repeat 0 0;
	padding: 22px 0 0 60px;
	font-weight: bold;
}

.pass_bg05 {
	height: 42px;
	border-bottom: 1px dashed #D2E1EE;
	background: url(../theme/images/icon05.jpg) no-repeat 0 0;
	padding: 22px 0 0 55px;
	font-weight: bold;
}

.pass_note {
	padding: 10px 5px;
	height: 60px;
	line-height: 22px;
	color: #7F9DB9;
	word-break: break-all;
	word-wrap: break-word;
}

.f_yellow {
	color: #F60;
}

.f_b {
	font-weight: bold;
}
</style>

</head>

<body>
	<div>
		<jsp:include page="/header.jsp"></jsp:include>
	</div>

	<div id="StepTwo" style="width:600px; margin-left:auto; margin-right:auto;">
		<form id="methodForm" method="post">
			<div class="pass_pad">
				<h1>请选择密码找回的方式：</h1>
				<ul class="pass_list">
					<li>
						<div class="pass_bg01">通过邮箱找回</div>
						<div class="pass_note">通过您账号绑定的安全邮箱,找回登录密码</div>
						<div class="button button-mblue" style="left:35px;">
							<input onclick="javascript:{this.form.action='/huoyun/user/sendChangePasswordEmail.action?userId=${userId }'; this.form.submit();}" type="submit" value="下一步" class="button-text">
						</div>
					</li>
					<li>
						<div class="pass_bg03">通过安全码找回</div>
						<div class="pass_note">通过您账号设置的安全码，找回登录密码</div>
						<div class="button button-mblue" style="left:35px;">
							<input type="submit" value="下一步" class="button-text">
						</div>
					</li>
					<!-- <li>
						<div class="pass_bg04">通过身份证找回</div>
						<div class="pass_note">通过您账号设置身份证号码，找回登录密码</div>
						<div class="button button-mblue" style="left:35px;">
							<input type="submit" value="下一步" class="button-text">
						</div>
					</li> -->
					<li>
						<div class="pass_bg05">通过手机密保找回</div>
						<div class="pass_note">
							通过您已绑定的手机，<br>找回登录密码
						</div>
						<div class="f_yellow f_b" id="StepTwo_5">
							您还没有绑定手机，无法使用！
							<span class="now_binding">
								<a href="http://member.tiancity.com/User/BindCellPhone.aspx">立即绑定</a>
							</span>
						</div>
					</li>
				</ul>
			</div>
		</form>
	</div>
    
    <div class="clear"></div>
    
    <div>
		<jsp:include page="/footer.jsp"></jsp:include>
	</div>
</body>
</html>
